<template>
  <view class="container">
    <uni-nav-bar left-icon="back" title="积分规则" />
    <scroll-view scroll-y class="rule-content">
      <view class="section">
        <text class="title">积分获取</text>
        <text class="description">1. 通过购物消费获得积分，每消费1元可获得1积分。
2. 参与平台活动、签到等可额外获得积分。</text>
      </view>
      <view class="section">
        <text class="title">积分使用</text>
        <text class="description">1. 积分可在积分商城兑换商品。
2. 积分可用于抵扣部分订单金额。</text>
      </view>
      <view class="section">
        <text class="title">积分有效期</text>
        <text class="description">积分有效期为1年，过期积分将自动清除。</text>
      </view>
      <view class="section">
        <text class="title">其他规则</text>
        <text class="description">1. 积分不可转让。
2. 违规操作将扣除积分。</text>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style>
  .rule-content { height: calc(100vh - 44px); padding: 10px; }
  .section { margin-bottom: 20px; }
  .title { font-size: 16px; font-weight: bold; }
  .description { font-size: 14px; line-height: 1.5; }
</style>